<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
<head>
<style>
body{
    counter-reset: section;
}
h1{
    counter-reset: subsection;
}
h1:before{
    counter-increment: section;
    content: "板块";
counter(section)"."
}
h2:before {
  counter-increment: subsection;
  content: counter(section) "." counter(subsection) " ";
}
</style>
</head>
<body>
    <h1>HTML 教程</h1>
    <h2>HTML 教程</h2>
    <h2>XHTML 教程</h2>
    <h2>CSS 教程</h2>

    <h1>Scripting 教程</h1>
    <h2>JavaScript</h2>
    <h2>JQuery</h2>

    <h1>XML 教程</h1>
    <h2>XML</h2>
    <h2>XSL</h2>
</body>
</html>